@charset "utf-8";
/* CSS Document */
*{padding:0;
  list-style:none;
  text-decoration:none;
  margin:0;}
.denglu{font-size:20px;}
.denglu a{color:#000;}
.body{width:100%;
	  height:100%px;
	  background-color:#FFF;
	  position:absolute;}
.kuang4{height:100px;
		width:100%;
		display:flex;
		justify-content:center;}
.top{width:1210px;
	 height:100px;}
.logo{width:20%;
	  height:100%;
	  line-height:100px;
	  text-align:center;
	  font-size:28px;
	  float:left;
	  font-style:italic;
	  font-weight:bold;}
.logo a{color:#000;
        display:block;}
.nav{float:left;
	 width:60%;
	 height:100px;}
.menu li{line-height:100px;
	 	 text-align:center;
		 float:left;
		 height:100px;
		 width:100px;}
.menu a{color:#000;
        display:block;}
.menu a:hover{background:#CCC;}
.menu ul{}
.nav_search{float:left;
			width:20%;
	 		height:100px;
			display:grid;}
.search{margin:auto;
		display:flex;
		border-radius:10px;}
.nav_search input{width:78%;
				  height:36px;
				  padding-left:2%;}
.nav_search button{width:20%;
				   height:40px;
				   background:#333;
				   color:#FFFFFF;
				   border:none;}
.kuang3{height:400px;
		width:100%;
		display:flex;
		justify-content:center;}
.box{width:1210px;
		height:400px;
		position:relative;}
.box-img{position:absolute;
		 top:0;
		 left:0;
		 opacity:0;
		 transition:all 1.5s}
.box-img:nth-child(1){opacity:1}
.box-left{width:35px;
		  height:70px;
		  color:#ccc;
		  position:absolute;
		  top:160px;
		  border-radius:0 5px 5px 0;
		  text-align:center;
		  line-height:70px;
		  font-size:27px;}
.box-left:hover{background-color:#00000050;
				color:#fff;}
.box-right{width:35px;
		  height:70px;
		  color:#ccc;
		  position:absolute;
		  top:160px;
		  border-radius:5px 0 0 5px;
		  text-align:center;
		  line-height:70px;
		  font-size:27px;
		  right:0;}
.box-right:hover{background-color:#00000050;
				color:#fff;}
.kuang{
	   width:100%;
	   height:540px;
	   display:flex;
	   justify-content:center;}
.photo1{height:540px;
		width:1000px;
		margin:120px;}
.wenzi1{height:80px;
		width:100%;
		margin:auto;}
.BT1{height:80px;
	 width:100%;}
.BT1 p{font-size:28px;
	   line-height:70px;
	   text-align:center;
	   border-top:2px solid #000;
	   border-right:2px solid #000;
	   border-left:2px solid #000;
	   border-bottom:2px solid #000;
	   width:38%;
	   margin:auto;
	   }
.pic1{width:100%;
		height:460px;
		margin:auto;}
.kuang1{height:360px;
		width:100%;
		display:flex;
		justify-content:center;}
.photo2{height:360px;
		width:1000px;
		margin:120px;}
.wenzi2{height:80px;
		width:100%;
		margin:auto;}
.pic2{width:100%;
		height:280px;
		margin:auto;}
.BT2 p{font-size:28px;
	   line-height:70px;
	   text-align:center;
	   border-top:2px solid #000;
	   border-right:2px solid #000;
	   border-left:2px solid #000;
	   border-bottom:2px solid #000;
	   width:38%;
	   margin:auto;
	   }
.content1{width:172.5px;
		 height:262.5px;
		 float:left;
		 margin:11px;}
.images1{width:100%;
		height:100%;}
.kuang2{height:400px;
		width:100%;
		display:flex;
		justify-content:center;}
.foot{width:1210px;
		height:400px;
		background-color:#F3C;}
.foot-top{height:350px;
		  width:100%;
		  background-color:#333;}
.foot-bottom{height:50px;
			 width:100%;
			 background-color:#FFF;
			 color:#000;
			 font-weight:bold;
			 line-height:50px;
	   		 text-align:center;}
.left{height:350px;
	  width:70%;
	  float:left;}
.right{height:350px;
	  width:30%;
	  float:left;}
.left a{color:#000;
        display:block;
		font-size:12px;
		line-height:30px;
		color:#CCC;}
.foot-list{height:350px;
		   width:13%;
		   float:left;
		   margin:45px;}
.foot-list span{color:#FFF;
				font-weight:bold;}
.foot-list1{height:350px;
			width:80%;
			margin:45px;}
.foot-list1 span{color:#FFF;
				 font-weight:bold;}
.foot-list1 p{color:#CCC;}
.foot-list1 h3{color:#CCC;}
.right p{font-size:11px;
		 line-height:30px;}
.content{width:300px;
		 height:210px;
		 overflow:hidden;
		 float:left;
		 margin:12px;
		 position:relative;}
.images{width:100%;
		height:100%;
		transform:scale(1);
		transition:all .7s;}
.hide{width:100%;
	  height:100px;
	  background-color:rgba(0,0,0,0.5);
	  position:absolute;
	  bottom:-100px;
	  left:0;
	  transition: bottom .5s;}
.hide-content{padding:10px;}
.hide-xinxi{color:#FFF;}
.content:hover .hide{bottom:0;}
.content:hover .images{transform:scale(1.2);}